<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>擂台广场 - Happy Study</title>
    <meta name="keywords" content="Happy Study，快乐学习，开心学习，Java、C++、Python，在线平台，在线笔记，笔记平台，在线Java题库，Java自学平台">
    <meta name="description" content="Happy Study - Java、C++、Python、小程序等主流语言自学平台主流计算机语言在线自学平台">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/question.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/editor-md/css/editormd.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/index.js}"></script>
    <script type="text/javascript" th:src="@{/js/main.js}"></script>
    <script type="text/javascript" th:src="@{/js/util.js}"></script>
    <script type="text/javascript" th:src="@{/js/questionList.js}"></script>
    <!--Markdown转html依赖-->
    <script type="text/javascript" th:src="@{/editor-md/editormd.js}"></script>
</head>
<body>
<div class="main-div">
    <div th:replace="~{commons::headerbar(active='question')}"></div>
    <div class="content">
        <div class="all-question">
            <div class="top">
                <h3>全部</h3>
                <!--<input type="text" class="layui-input" placeholder="决战光明顶"/>-->
            </div>
            <div class="question-items" id="list">
                <!-- 流加载列表 -->
            </div>
        </div>
        <div class="right-panel">
            <div class="btn-send">
                <button class="layui-btn layui-btn-normal sendbtn" style="width: 100%">发布</button>
            </div>
            <div class="tech-type">技术分类<span>全部</span></div>
            <div class="panel-type-items">
                <!-- 加载技术分类 -->
            </div>
        </div>
    </div>
    <div th:replace="~{commons::footerbar}"></div>
</div>
</body>
<!--发布问题窗口-->
<script type="text/html" id="send-question-panel">
    <div class="layui-form layui-form-pane login-form">
        <div class="send-head">发布问题/文章
            <div class="send-btn">
                <button class="layui-btn layui-btn-normal save-question">发布</button>
            </div>
        </div>
        <div class="title-content">
            <div class="layui-form-item" style="width: 75%">
                <input type="text" placeholder="请输入问题/文章标题（50字以内）" class="layui-input title" maxlength="50"/>
            </div>
            <div class="layui-form-item" style="width: 20%">
                <div class="layui-input-block" style="margin-left: 0">
                    <select id="categoryId" lay-verify="required"> <!-- 加载option --> </select>
                </div>
            </div>
        </div>
        <div class="sub-title">
            <div class="layui-form-item">
                <input type="text" placeholder="请输入问题/文章副标题，为空则默认同步标题（100字以内）" class="layui-input" id="sub-title" maxlength="95"/>
            </div>
        </div>
        <!--<div id="editor" style="height: 400px"></div>-->
        <!--<textarea id="layui-editor" style="display: none;"></textarea>-->
        <div class="editormd" id="test-editormd">
            <textarea class="editormd-markdown-textarea" name="test-editormd-markdown-doc"></textarea>
            <!-- 第二个隐藏文本域，用来构造生成的HTML代码，方便表单POST提交，这里的name可以任意取，后台接受时以这个name键为准 -->
            <textarea class="editormd-html-textarea" name="text"></textarea>
        </div>
    </div>
</script>
</html>
